C S S   -   Cascading Style Sheets

1.   grundlagen

1.3  styles

embedded styles
In einer seite werden mit hilfe des style-tags regeln definiert, die nur für diese seite gelten. Üblicherweise steht das style-tag im header einer seite; es können beiliebig viele style-tags verwendet werden.

style tag
<style type="text/css">
  eine oder mehrere regeln
</style>

Innerhalb des style-tags können beliebig viele regeln definiert werden, das öffnende style-tag benötigt das type-attribut mit dem wert text/css.

regel
Eine regel enthält einen selector und eine oder mehrere vereinbarungen. Der selektor gibt ein oder mehrere HTML-tags an, für die die vereinbarungen gelten. Einer vereinbarung folgt ein strichpunkt; eine oder mehrere vereinbarungen werden in { } eingeschlossen, dabei gibt es zwei mögliche schreibweisen:

selector { vereinbarung; [ vereinbarung;. . . vereinbarung; ] }
selector { vereinbarung;
     [ vereinbarung;
     . . .
     vereinbarung; ]
  }

beispiel
Das style-tag enthält zwei regeln, die als selektoren h2 und h3 enthalten, d.h. für die überschriften vom typ h2 und h3 wird die schriftart Helvetica und die farbe rot bzw. blau vereinbart. Überall, wo in der seite das h2- oder h3-tag verwendet wird, werden die vereinbarten regeln wirksam.

Das beispiel zeigt die einfachste möglichkeit, einen selektor anzugeben, das thema wird in abschnitt 2 noch eingehend behandelt.

Überschrift rot in Helvetica

Überschrift blau in Helvetica

zum untermenü

    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  H T M L  
  c s s
  P H P  
  My S Q L  
  JAVASCRIPT